loading

millantv

UX/UI

As a story, art and motion director, I have leveraged my combined UX design, UI design, motion design and front-end digital design skillset in the edtech and tertiary education space to build unique, interactive learning and storytelling experiences using HTML, CSS and other interactive technologies. The intersection between visual design, motion design, interaction design and visual narrative fascinates me and is constantly evolving. If I can make it visual, I want to make it move. If I make it move, I want to make it interactive. Above all else, I want to convey a message and a story.

Umqombothi Showcase logo Umqombothi Showcase log.o Umqombothi Showcase, KiffGifComix logo. Vega School GenV logo. millan.tv logo.

Umqombothi Showcase, KiffGifComix logo client heading red title bar top. Umqombothi Showcase logo title heading variation. Umqombothi Showcase logo title heading variation vertical. Umqombothi Showcase, KiffGifComix logo title heading in red. Umqombothi Showcase, KiffGifComix logo client heading red title bar bottom.

Client: SAE Institute, Cape Town
Umqombothi Showcase Website
KiffGif Comix Digital Comix Anthology Website
HTML & CSS

SAE Institute Cape Town's annual film, animation and sound design student showcase in 2018 aimed to promote visibility of student work towards creative industry, with the intention to secure employment the following year. The showcase functioned as an opportunity for students to display their final third year projects and films on their linked portfolio websites, consolidated under a single online showcase website under the showcase theme brand, Umqombothi.

SAE Institute Cape Town 2018 annual film, animation and sound student showcase poster design by Roberto Millan. SAE Institute Cape Town 2018 Umqombothi film creative student showcase website design by Roberto Millan on cell phone. SAE Institute Cape Town 2018 Umqombothi creative student showcase website design by Roberto Millan on laptop.

KiffGif Comix served as an additional digital contact point for the Umqombothi showcase exhibition. Linking to the primary Umquombothi showcase website, The KiffGif Comix website provided additional visibility of top student work through project-based, cross-departmental curriculum design, by challenging students in their motion graphics subjects to submit an online animated comic strip consisting of 9 individual square animations or videos that told a specific story. The best animations were published on the KiffGif Comix website in the form of a curated student anthology of visual narrative gif animations.

Logo of animated online comics anthology Kiff Gif Comix in colour for 2018 SAE Institute Umqombothi student showcase. Kiff Gif Comix horizontal logo in black and white for SAE Institute Umqombothi student showcase. Published online stop motion animation comic strip by Annika Fisch on a cell phone for Kiff Gif Comix and Umqombothi showcase. Horizontal logo of animated online comics anthology Kiff Gif Comix in colour for SAE Institute Umqombothi student showcase. Published video animation comic strip by Ri-El de Jager on a cell phone for Kiff Gif Comix and Umqombothi showcase.
Square frame of a looping video animation with a man preparing for journey from a Kiff Gif Comix submission by Carl Saldanha. Square frame of a looping video animation with a man sitting on a rock from a Kiff Gif Comix submission by Carl Saldanha.
Animated typographic comic strip by multiple students on a cell phone for Kiff Gif Comix and Umqombothi showcase.
Square frame of a looping Ndebele style animation with a man lifting weights for a Kiff Gif Comix submission by Shawn Chege. Square frame of a looping Ndebele style animation with a man lifting kettlebells. A Kiff Gif Comix submission by Shawn Chege.
Square frame of a looping Ndebele style animation with a man doing push ups for a Kiff Gif Comix submission by Shawn Chege. Square frame of a looping Ndebele style animation with a man doing pull ups for a Kiff Gif Comix submission by Shawn Chege.
Published online video animation comic strip by Amy Henning on a cell phone for Kiff Gif Comix and Umqombothi showcase. Published online video animation comic strip by Carl Saldanha on a laptop for Kiff Gif Comix and Umqombothi showcase. Published online animated comic strip by lecturer Garth Sanders on a laptop for Kiff Gif Comix and 2018 Umqombothi showcase.
Square frame of an illustrated, looping animation of a running cat for a Kiff Gif Comix submission by Alexa Tucek. Square frame of a pencil illustrated, looping animation of a rotating wolf for a Kiff Gif Comix submission by an SAE student.
A square, looping stop motion animation of a dandelion dispersing its seeds for a Kiff Gif Comix submission by Annike Fische. A square, looping stop motion animation of a turtle nurturing its eggs for a Kiff Gif Comix submission by Annike Fische.
A square, looping stop motion animation of an illustrated, flying aeroplane for a Kiff Gif Comix submission by Annike Fische. A looping stop motion animation of inner thoughts of a green, female face for a Kiff Gif Comix submission by Annike Fische.
Published stop motion animation comic strip for Kiff Gif Comix and the 2018 Umqombothi showcase on a laptop using sculptures.
A frantic looping typographic animation of the word hyper for a typographic comic strip submission for Kiff Gif Comix. A looping, bouncing typographic animation of the word bounce for a typographic comic strip by Amy Henning for Kiff Gif Comix.
A looping, rotating typographic animation of the word rotate for a typographic comic strip by Chuka for Kiff Gif Comix. A looping, running animation of the word run for a typographic comic strip by Caylum Hughes published in Kiff Gif Comix.
Published animated typography comic strip on a laptop by multiple students for Kiff Gif Comix and 2018 Umqombothi showcase.
A looping video animation of a male face with a falling sketched tear for a Kiff Gif Comix submission by film student. A looping video animation of a female face in the dark with a falling tear for a Kiff Gif Comix submission by film student.
Published animated comic strip on a laptop by Noa de Sousa with Thor on the loo for Kiff Gif Comix and 2018 Umqombothi event. Published animated comic strip on a laptop by Shawn Chege with exercise routines for Kiff Gif Comix and Umqombothi showcase.
Square frame of a looping video animation with a man catching the train from a Kiff Gif Comix submission by Carl Saldanha. Square frame of a looping video animation with a man staring at a mountain from a Kiff Gif Comix submission by Carl Saldanha.
Square frame of a looping video animation with a man staring at a mountain from a Kiff Gif Comix submission by Carl Saldanha. Square frame of looping video animation with a man meeting a mountain man from a Kiff Gif Comix submission by Carl Saldanha.
Square, looping video animation with a man approaching a mountain cabin from a Kiff Gif Comix submission by Carl Saldanha. Square, looping video animation with a man smiling on a train after climb from a Kiff Gif Comix submission by Carl Saldanha.
Published online video animation comic strip by Stephanie Zaaiman on a cell phone for Kiff Gif Comix and Umqombothi showcase.
Published online video animation comic strip by Caylum Hughes on a cell phone for Kiff Gif Comix and Umqombothi showcase.
Square, looping cartoon animation of blue man blowing out birthday candle from a Kiff Gif Comix submission by Garth Sanders. Square, looping cartoon animation of blue man sliding down a pole smiling from a Kiff Gif Comix submission by Garth Sanders.
Square, looping cartoon animation of a blue man hanging from a loose pipe from a Kiff Gif Comix submission by Garth Sanders. Square, looping cartoon animation of a blue man holding a fire hydrant from a Kiff Gif Comix submission by Garth Sanders.
Looping cartoon animation of a blue man smelling fire with a fireman hat from a Kiff Gif Comix submission by Garth Sanders. Looping cartoon animation of a blue man pushing flaming birthday cake tray from a Kiff Gif Comix submission by Garth Sanders.
Looping cartoon animation of Thor landing dramatically on the ground from a Kiff Gif Comix submission by Noa de Sousa. Looping cartoon animation of a concerned Thors face sweating desperately from a Kiff Gif Comix submission by Noa de Sousa.
Looping cartoon animation of a desperate Thor running towards a toilet from a Kiff Gif Comix submission by Noa de Sousa. Looping cartoon animation of a desperate Thor stamping feet while on toilet from a Kiff Gif Comix submission by Noa de Sousa.
Square, looping cartoon animation of Thor with sweating and strained face from a Kiff Gif Comix submission by Noa de Sousa. Looping cartoon animation of Thor with arms raised and lightning from eyes from a Kiff Gif Comix submission by Noa de Sousa.
Square, looping animation of an object landing in water and splashing up from a Kiff Gif Comix submission by Noa de Sousa. Square, looping animation of Thor looking relieved after going to the loo from a Kiff Gif Comix submission by Noa de Sousa.
Red title bar top. Vega School GenV logo heading title. Red title bar bottom.

Client: Vega School, Cape Town
GenV Student Showcase Website
HTML & CSS

As the Senior Multimedia Lecturer at Vega School, Cape Town, I was responsible for designing and executing multimedia elements for the annual student showcase integrated marketing campaign. This included designing and building a fully responsive GenV showcase website (built using HTML & CSS), a GenV student showreel and a cross-department student and lecturer comix anthology publication, which acted as a direct mailer to accompany printed GenV exhibition invitations addressed to industry guests.

Vega School GenV student showcase exhibition website. Red title bar top. millan.tv portfolio website logo.

Client: millant.tv
Portfolio website
HTML & CSS

A self-promotional brand-identity and front-end website design project using HTML & CSS. The website is an online portfolio of my favourite story art, visual design, motion design and education projects, created in collaboration with some of my favourite clients and educational institutions. The website includes an extensive teaching and creative education portfolio, built during my tenure at some of the top creative design and animation institutions in the country.

millan.tv logo
millan.tv portfolio website. Yellow-on-red logo design variation by Roberto Millan.
millan.tv portfolio website. Red-on-white logo design variation by Roberto Millan. millan.tv portfolio website. Black-on-white logo design variation by Roberto Millan.
millan.tv portfolio website. White-on-red logo design variation by Roberto Millan.
millan.tv portfolio website. Large black logo design variation by Roberto Millan. millan.tv portfolio website. Small black logo design variation by Roberto Millan.
millan.tv portfolio website. Large red logo design variation by Roberto Millan. millan.tv portfolio website. Small red logo design variation by Roberto Millan.

A personal project to showcase my portfolio of work and experience in the story art, visual design, motion design, education and creative direction space over the last 15 years. The result is a mobile-first, fully responsive, SEO formatted website, coded from scratch in HTML and CSS without the use of any templates. Having taught multimedia and digital design at various institutions, the goal was to showcase my combined functional, creative direction and leadership experience, while differentiating the website with a bold complimentary colour scheme and typographic application, limiting the website build to HTML and CSS code without any gimmicks or overly decorative elements.

millan.tv portfolio website. HTML and CSS code preview by Roberto Millan. millan.tv portfolio website. HTML and CSS code folder structure preview by Roberto Millan. millan.tv portfolio website home page animated gif by Roberto Millan. millan.tv portfolio website home page design system with red and yellow tile icons by Roberto Millan. millan.tv portfolio website home page design system with active and hover state tile designs by Roberto Millan. millan.tv portfolio website preloader animation for individual portfolio pages by Roberto Millan. millan.tv portfolio website preloader animation user journey from homepage to individual portfolio pages by Roberto Millan. millan.tv portfolio website home page animated gif with bouncing flower vase on bouncing ball by Roberto Millan. millan.tv portfolio website home page static tablet display design variation by Roberto Millan. millan.tv portfolio website home page tablet display design variation animated preview by Roberto Millan. millan.tv portfolio website portfolio page homepage design variation preview by Roberto Millan.